﻿<style type="text/css">
.navbar .nav-tabs > li:hover .dropdown-menu {
	display: block;
}
.navbar .nav-tabs > li:active .dropdown-menu {
	display:none;
}

</style>

<div class = "navbar">
  <!-- Nav tabs -->
  <ul class="nav nav-tabs" >
    <li ng-repeat =" m in menu track by $index"  role="presentation" ng-class = "{active:active(m.level)}">
    	<a ui-sref ="{{m.state}}" href="javascript:void(0)" 
	    	
	    	> {{m.text}}
	    	<!-- <span class="caret" span> -->
	    	<span class="caret" ng-if ="m.child && m.child.length"></span>
	    	
    	</a> 
    	<!-- <ul class="dropdown-menu"> -->
    	<ul class="dropdown-menu" ng-if ="m.child && m.child.length">
	      	<li ng-repeat = "ml in m.child ">
	      		<a ui-self = "{{ml.state}}">{{ml.text}}</a>
	      	</li>
	    </ul>
    </li>
  </ul>
</div>


<div ui-view></div>
<script type="text/javascript">

</script>
